<h1 class="ui header">震荡区间oscillation zone</h1>
<div class="ui grid">
    <div class="thirteen wide column">
        <div class="ui one column centered grid" >
            <h4 class="ui column center aligned">数据展示</h4>
            <div class = "column" id = "oscillationZone" style="width:100%; height:400px;">
            </div>
        </div>
    </div>

    <div class="three wide column">
        <div class="ui one column centered grid">
            <h4 class="ui column center aligned">配置项</h4>
            <div class="ui form">
                <div class="field">
                    <label>输入文件路径</label>
                    <input type="text" ng-model="inputPath" placeholder="/path/file.csv">
                    <a type="file" ngf-select="uploadFiles($file, $invalidFiles)" ngf-max-size="30MB"
                       class="fluid mini ui bottom attached button center aligned">上传数据</a>
                </div>

                <div class="field">
                    <label>输出检测结果路径</label>
                    <input type="text" ng-model="outputPath" placeholder="/path/file.csv">
                </div>

                <div class="field">
                    <label>选择列名称</label>
                    <select ng-model="usedAttr" select-search>
                        <option ng-repeat="attr in autoCompleteAttrs" ng-if="attr != '_ts'" value="{{attr}}">{{attr}}</option>
                    </select>
                </div>

                <div class="field">
                    <button class="fluid ui button primary" ng-click="detection()">检测</button>
                </div>
            </div>
        </div>
    </div>
</div>
